<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@include file="/WEB-INF/jsp/common/navigationRight.jsp" %>
<%@include file="/WEB-INF/jsp/common/head.jsp" %>
<%@include file="/WEB-INF/jsp/common/navigationLeft.jsp" %>


<div class="m2-userCentermain">
    <div class="m2-userCentercoin-con">
        <div id="my_money_con">
            <div class="con_title">
                <img src="${pageContext.request.contextPath }/statics/statics/usercenter/images/my_coin1.png" class="coin_pic">
                <h4>我的钱帮币</h4>
                <p>越投资，越幸运</p>
                <div class="right">
                    <p style="color:#fea812;">余额：20<img src="${pageContext.request.contextPath }/statics/statics/usercenter/images/my_coin2.png"
                                                        style="vertical-align:-4px;"></p>
                    <p>2016年10月1日，即将到期钱帮币0个</p>
                </div>
            </div>
            <div class="coin_middle">
                <h5>如何赚取钱帮币</h5>
                <p class="content">1. 每投资1000元，投资30天，获得1个钱帮币。</p>
                <p class="content">
                    2. 每笔投资获得钱帮币计算公式 = 投资金额 / 1000 * (投资天数 / 30) * 1，取计算结果整数部分计入帮主账号。</p>
            </div>
            <div class="coin_middle">
                <h5>钱帮币有效期规则</h5>
                <p class="content">1. 钱帮币是爱钱帮平台回馈给会员的虚拟货币，不可兑换现金，账户之间不可转让赠与。</p>
                <p class="content">2. 钱帮币有效期6个月，每月到期的钱帮币统一在次月1日24时扣减失效。</p>
                <p class="content">举例说明：</p>
                <p class="content">您在2016年3月12日获得的钱帮币，将在2016年10月1日24时到期扣减。</p>
                <p class="content">您在2016年3月30日获得的钱帮币，将在2016年10月1日24时到期扣减。</p>
                <p class="content">您在2016年4月1日获得的钱帮币，将在2016年11月1日24时到期扣减。</p>
                <p class="content">3. 钱帮币有效期规则从2016年6月1日开始生效；2015年11月30日（含）之前累计的钱帮币在2016年6月1日24时到期。</p>
                <p class="content">4. 为感谢帮主对爱钱帮平台的支持，截至2016年6月1日，您在2015年11月30日（含）之前累计并未
                    使用的钱帮币，我们已经按照2016年6月1日的钱帮币兑换奖励金比例（1钱帮币 = 0.01元奖励金），给您折算成等值的奖励金；您可在我的账户 — 奖励管理 — 奖励金流水中查询。
                </p>
                <p class="content">5. 钱帮币有效期规则最终解释权归北京爱钱帮财富科技有限公司所有。</p>
            </div>
            <div class="coin_bottom">钱帮币记录</div>
            <table class="coin_bottom_table">
                <tr>
                    <td class="left">时间</td>
                    <td class="center">钱帮币</td>
                    <td class="center">余额</td>
                    <td class="right">描述</td>
                </tr>
                <tr>
                    <td class="left">2016-09-05 17:17</td>
                    <td class="center">20</td>
                    <td class="center">20</td>
                    <td class="right">完成风险评测获得20个钱帮币</td>
                </tr>
            </table>
            <div style="text-align:center;margin-top:24px;">
                <span class="click_more">点击加载更多>></span>
            </div>
        </div>
    </div>
</div>

<script>
    var count = 1;
    var start = 5;

    $("#my_money_con .click_more").click(function () {
        loadMore();
    })

    $(function () {
        checkBtn();
        if (count == 0) {
            var tr = '<tr>';
            tr += '<td colspan="4">暂无数据</td></tr>';
            $('.coin_bottom_table tbody').append(tr);
        }
    });

    function checkBtn() {
        if (start >= count) {
            $('.click_more').hide();
        }
    }

    function loadMore() {
        $.ajax({
            url: "usercenter-Rewardcontrol-getMyCreditsLogAjax",
            type: "POST",
            data: {
                start: start
            },
            success: function (data) {
                obj = eval('(' + data + ')');
                start += 5;
                checkBtn();
                insertTr(obj);
            }
        });
    }

    function insertTr(obj) {
        if (obj) {
            for (var i in obj) {
                var tr = '<tr>';
                tr += '<td class="left">' + obj[i]['date'] + '</td>';
                tr += '<td class="center">' + obj[i]['affect_credits'] + '</td>';
                tr += '<td class="center">' + obj[i]['account_credits'] + '</td>';
                tr += '<td class="right">' + obj[i]['info'] + '</td>';
                tr += '</tr>';
                $('.coin_bottom_table tbody').append(tr);
            }
        }
    }
</script>
</body>
</html>